<template>
  <div class="home-sale-card">
    <div class="sale-card-header">
      <span class="title">今天任务</span>
      <!-- <span>全部<i class="el-icon-arrow-right" /></span> -->
    </div>
    <div class="task-card-content">
      <el-scrollbar class="" style="height:64px">
        <NoData v-if="List.length<=0" height="40" style="height:64px" />
        <div v-for="l in List" :key="l.id" class="task-item">
          <div class="icon">
            <img src="@/assets/images/icon-task.png">
          </div>
          <div class="item-content">
            <div class="item-top-title">
              Call 今天</div>
            <div class="item-top-name">
              {{ l.theme }}
            </div>

          </div>
        </div>
      </el-scrollbar>
    </div>

  </div>
</template>
<script>
import { dateTypes } from '@/utils/enums'
import { getTaskList } from '@/api/task'
export default {
  name: 'SaleCard',
  data() {
    return {
      dateTypes,
      date: 7,
      List: []
    }
  },
  mounted() {
    getTaskList({ searchType: 1, currentPage: 1, pageSize: 3 }).then(res => {
      this.List = res.records || []
    })
  },
  methods: {

  }
}
</script>
